<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Google Summer of Code</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/960.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/global.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/typography.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/structure.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
</head>
<body>

<!-- 
////////////////////////
  BEGIN DEFAULT HEADER
////////////////////////
-->
<div id="bg">
<div id="page-header">
    <div class="container_12">
        <div class="grid_12">
            <a href="homepage.html"><img src="images/google.png" height="40" width="114" alt="Google" /></a>
            <p><a href="homepage.html">Summer<br />of Code // 2011</a></p>
        </div>
    </div>
</div>
<!-- .page-header -->
<!-- 
////////////////////////
  END DEFAULT HEADER
////////////////////////
-->

<!-- 
////////////////////////
   BEGIN MAIN CONTENT
////////////////////////
-->
<div id="main">
    <div class="container_12">
    
        <!-- 
        ////////////////////////
            BEGIN SITE MENU
        ////////////////////////
        -->
        <div id="main-menu" class="grid_3">
            <ul id="main-menu-list">
                <li id="menu-login"><a href="javascript:void(0)">Login</a></li>
                <li id="menu-about"><a href="javascript:void(0)">About</a></li>
                <li id="menu-apply"><a href="javascript:void(0)">Apply</a></li>
                <li id="menu-projects"><a href="search.html">Current &amp; Past Projects</a></li>
                <li id="menu-events"><a href="javascript:void(0)">Events &amp; Timeline</a></li>
                <li id="menu-connect"><a href="javascript:void(0)">Connect With Us</a></li>
                <li id="menu-help"><a href="javascript:void(0)">Help</a></li>
            </ul>
        </div>
        <!-- .grid_3 -->
        <!-- 
        ////////////////////////
            END SITE MENU
        ////////////////////////
        -->

        <!-- 
        ////////////////////////
           BEGIN PAGE CONTENT
        ////////////////////////
        -->
        <div class="grid_9">
        
            <div class="content">
            
                <div id="how-it-works" class="block full home-block-1">
                    <h2 id="title-section-how-it-works">How Google Summer of Code Works</h2>
                        <ol id="list-how-it-works">
                            <li id="how-it-works-item1" class="first">
                                <strong>Propose a project <span>for approval by a participating open source organization</span></strong>
                            </li>
                            <li id="how-it-works-item2" class="second">
                                <strong>Code the summer away</strong>
                            </li>
                            <li id="how-it-works-item3" class="third">
                                <strong>Achieve Ultimate Glory <span>(and get a nice paycheck)</span></strong>
                            </li>
                        </ol>
                    <div id="block-how-it-works-description" class="description">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec lectus lacus, a blandit ante. Sed lorem ipsum, 
                        aliquam ac tincidunt ac, luctus ut felis. Sed lobortis dapibus semper. Sed lorem ipsum, aliquam ac tincidunt ac, 
                        luctus ut felis.</p>
                    </div>
                </div>
                <!-- .home-block-1 -->
                
                <div class="content_column_1">
                    <!-- begin block -->
                    <div id="featured-projects" class="block block-featured-project">
                        <h4 title="title-section-featured-project">Featured Project</h4>
                        <div id="block-featured-project-content" class="block-content">
                            <h5 id="block-featured-project-content-title">Revive and Restructure the Escher project</h5>
                            <img src="images/featured-project-stock-image.jpg" height="99" width="121" alt="" id="block-featured-project-image" class="alignright" />
                            <p>My name is <a href="javascript:void(0)">Marcos Paulino Roriz Junior</a>, and I’m participating 
                            in <a href="javascript:void(0)">Google Summer of Code&trade;</a> for the first time this year. 
                            I’m really excited because I’ve been developing in Java for some time and this is my first 
                            step into FOSS. My project is hacking on <a href="javascript:void(0)">GNU Classpath on Escher</a> 
                            which is an X11 client written in Java, used by the XPeer code to request and handle drawings. 
                            I’m learning the X11 protocol which is amazingly cool and surely ahead of it’s time. This is not 
                            only helping me with Google Summer of Code but is also the main protocol behind thew idea that I’m 
                            using in my final year project.</p>
                            <p>When I applied to Google Summer of Code I had no idea how it was going to change my life. So far 
                            I have not only learned new things, but also met awesome developers. The climax of this was when I 
                            joined several other Brazillian students to ask Google for some financial help so that we could travel 
                            to <a href="javascript:void(0)">FISL</a> (Forum Internacional de Software Livre – International Free 
                            Software Forum) in Brazil. Google did an amazing favor and helped us so that we could learn about and 
                            spread free software to others. I met with several other students from the #gsoc-br IRC channel, met 
                            excellent FOSS developers, and gave a lecture about the Google Summer of Code experience.</p>
                            <p>At that talk I met more Google Summer of Code students, we shared our difficulties and we exchanged 
                            tips on how to solve problems. They all laughed a me when I said that I preferred svn over dscm, like 
                            git or mercurial. But at the same time they gave me a very brief and informal talk/introduction to 
                            git (which I’m kinda liking). I talked also a lot about X and XCB with friends and hackers there since 
                            it’s directly related to my proposal.</p>
                        </div>
                        <div id="block-featured-project-readmore" class="readmore">
                            <a href="javascript:void(0)">read more</a>
                        </div>
                    </div>
                    <!-- end block -->
                </div>
                <!-- .content_column_1 -->
                
                <div class="content_column_2">
                    <!-- begin block -->
                    <div id="program-map" class="block block-project-timeline">
                        <h4 id="title-section-program-timeline">Program Timeline</h4>
                        <div id="block-program-timeline-content" class="block-content">
                            <img id="program-timeline" src="images/image-map-off-season.png" usemap="#program-timeline" width="210" height="169" alt="" />
                            <map id="_program-timeline" name="program-timeline">
                            <area shape="poly" coords="75,105,52,105,55,87,69,66,93,54,119,55,138,66,149,78,129,90,118,79,99,76,85,82,77,95," href="javascript:void(0)" alt="On Season" title="On Season" onmouseover="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-on-season.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-off-season.png';" />
                            <area shape="poly" coords="130,90,150,80,157,106,133,106," href="javascript:void(0)" alt="Student Applications" title="Student Applications" onmouseover="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-student-apps.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-off-season.png';" />
                            <area shape="poly" coords="131,121,136,106,157,107,151,133," href="javascript:void(0)" alt="Organization Applications" title="Organization Applications" onmouseover="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-off-season.png';" />
                            <area shape="poly" coords="120,131,130,122,149,134,130,150," href="javascript:void(0)" alt="Kickoff" title="Kickoff" onmouseover="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-kickoff.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-off-season.png';" />
                            <area shape="poly" coords="119,132,129,151,103,157,83,152,65,138,55,121,53,106,75,106,81,126,101,135," href="javascript:void(0)" alt="Off Season" title="Off Season" onmouseover="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-off-season.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-off-season.png';" />
                            </map>
                        </div>
                    </div>
                    <!-- end block -->
                    <!-- begin block -->
                    <div id="connect-with-us" class="block block-connect">
                        <h4 id="title-section-connect-with-us">Connect With Us</h4>
                        <div id="block-connect-with-us-content" class="block-content">
                            <a href="javascript:void(0)" id="connect-block-facebook" class="social fb">Facebook</a>
                            <a href="javascript:void(0)" id="connect-block-twitter" class="social tw">Twitter</a>
                            <a href="javascript:void(0)" id="connect-block-blogger" class="social bl">Blogger</a>
                            <a href="javascript:void(0)" id="connect-block-email" class="social em">Email</a>
                            <a href="javascript:void(0)" id="connect-block-irc" class="social irc">IRC</a>
                        </div>
                    </div>
                    <!-- end block -->
                    <!-- begin block -->
                    <div id="blog-feed" class="block block-blog-feed">
                        <h4 id="title-section-blog-feed">Blog Feed</h4>
                        <div id="block-blog-feed-content" class="block-content">
                            <div id="blog-feed-item1" class="blog-item">
                                <span class="date">Nov 2, 2010</span>
                                <span class="title"><a href="javascript:void(0)">2010 Google Summer of Code Mentor Summit</a></span>
                            </div>
                            <div id="blog-feed-item2" class="blog-item">
                                <span class="date">Oct 27, 2010</span>
                                <span class="title"><a href="javascript:void(0)">Facebook Likes Google Summer of Code</a></span>
                            </div>
                            <div id="blog-feed-item3" class="blog-item">
                                <span class="date">Oct 23, 2010</span>
                                <span class="title"><a href="javascript:void(0)">Perl and Parrot Spread Open Source Love</a></span>
                            </div>
                            <div id="blog-feed-item4" class="blog-item">
                                <span class="date">Oct 13, 2010</span>
                                <span class="title"><a href="javascript:void(0)">Another Successful Summer for Haiku</a></span>
                            </div>
                            <div id="blog-feed-item5" class="blog-item">
                                <span class="date">Oct 6, 2010</span>
                                <span class="title"><a href="javascript:void(0)">Google Summer of Code report: WorldForge</a></span>
                            </div>
                        </div>
                        <div id="block-blog-feed-readmore" class="readmore">
                            <a href="javascript:void(0)">read more</a>
                        </div>
                    </div>
                    <!-- end block -->
                </div>
                <!-- .content_column_2 -->

            </div>
        </div>
        <!-- .grid_9 -->
        <!-- 
        ////////////////////////
           END PAGE CONTENT
        ////////////////////////
        -->

    </div>
    <!-- .container_12 -->
</div>
<!-- .main -->
<!-- 
////////////////////////
   END MAIN CONTENT
////////////////////////
-->

<!-- 
////////////////////////
  BEGIN DEFAULT FOOTER
////////////////////////
-->
<div id="footer">
    <div class="container_12">
            <div class="grid_3">&nbsp;</div>
            <!-- .grid_3 -->
            <div class="grid_9">
                <div class="footer-menu">
                    <ul id="footer-menu-list">
                        <li id="footer-menu-about"><a href="javascript:void(0)">About</a></li>
                        <li id="footer-menu-contact"><a href="javascript:void(0)">Contact</a></li>
                        <li id="footer-menu-facebook" class="social"><a href="javascript:void(0)" class="fb">Facebook</a></li>
                        <li id="footer-menu-twitter" class="social"><a href="javascript:void(0)" class="tw">Twitter</a></li>
                        <li id="footer-menu-blogger" class="social"><a href="javascript:void(0)" class="bl">Blogger</a></li>
                        <li id="footer-menu-email" class="social"><a href="javascript:void(0)" class="em">Email</a></li>
                        <li id="footer-menu-irc" class="social"><a href="javascript:void(0)" class="irc">IRC</a></li>
                        <li id="footer-menu-privacy" class="last"><a href="javascript:void(0)">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="footer-meta">
                    <span class="powered">Powered by <a href="http://code.google.com/p/soc/wiki/MelangeIntro" target="_blank">Melange</a></span> Empowered by <a href="http://www.echoditto.com/" target="_blank"><img src="images/echoditto.png" height="16" width="70" alt="EchoDitto" /></a>
                </div>
            </div>
            <!-- .grid_9 -->
        </div>
        <!-- .container_12 -->
</div>
<!-- .footer -->
</div>
<!-- #bg -->
<!-- 
////////////////////////
  END DEFAULT FOOTER
////////////////////////
-->

</body>
</html>